 /* CSS Document */
body
{
	background:#d2e8f8 url(../../images/back.jpg) no-repeat center center fixed;
	background-size: cover;
	font:12px Verdana, Geneva, sans-serif;
	color:#000;
}

/* Main container */
#container
{
	 background-clip: padding-box;
    background-color: #fff;
    border: 10px solid rgba(112, 115, 59, 0.3);
    border-radius: 15px;
    overflow: hidden;
    position: absolute;
 	
 	 -webkit-background-clip: padding-box;
    background-clip: padding-box;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;    
}

#container.complete {
    height: auto;
    width: 1203px;
     margin: 0 4%;
}

/* Form */
form#login-container
{
	display:table;
	width:260px;
	margin:0 auto;
	background:url(../../images/logo-1.png) no-repeat 0 20px;
}

/* Text inputs */
form > fieldset#inputs
{
	display:block;
	margin-top:100px;
}

form > fieldset#inputs > label
{
	display:table;
	margin-bottom:15px;
}

form > fieldset#inputs > label > div.input-left
{
	position:relative;
	float:left;
	width:44px;
	height:45px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	border-right:1px solid #959595;
	background-color:#a8a8a8;
}

form > fieldset#inputs > label:first-child > div.input-left > img
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-11px;
	margin-left:-8px;
}

form > fieldset#inputs > label:last-child > div.input-left > img
{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-15px;
	margin-left:-13px;
}

form > fieldset#inputs > label > input
{
	float:right;
	width:204px;
	height:45px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border:0;
	border-left:1px solid #bdbcbc;
	background-color:#e7e7e7;
	padding:0 5px;
	font-size:18px;
	color:#888;
	-webkit-transition: background 500ms ;
	-moz-transition: background 500ms ;
	-ms-transition: background 500ms ;
	-o-transition: background 500ms ;
	transition: background 500ms ;
        
}

form > fieldset#inputs > label > input:focus
{
	background-color:#c7c7c7;
	color:#fff;
}

/* Actions & Button */
form > fieldset#actions
{
	margin:20px auto 0 auto;
	width:260px;
}

form > fieldset#actions > input
{
	float:right;
	border:0;
	border-radius:5px;
	background-color:#604222;
	padding:10px;
	font-size:13px;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}

form > fieldset#actions > input:hover
{	
	background-color:#49321a;
}
h1 
{
color: #8FC600;
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
}

label > input[type="submit"] {
float: right;
border: 0;
border-radius: 5px;
background-color: #604222;
padding: 10px;
font-size: 13px;
text-transform: uppercase;
font-weight: bold;
color: white;
cursor: pointer;
}

form#agentes{ width:190px; margin-top:20px; overflow:hidden; display:block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f3f3f3; padding:15px; box-shadow:1px 1px 1px #ccc; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc; font-weight:bold; color:#999999; }
form#agentes > div > label > input[type="text"], form#agentes >  label > textarea, form#agentes > label > select, form#agentes > div.small > input[type="text"], form#agentes >  div.small > textarea, form#agentes > div.small > select{ float:left; width:170px; border:0; border-radius:5px; background-color:#ddd; padding:7px 10px; font-family:Verdana; font-size:14px; color:#666; -webkit-transition:background 500ms; -moz-transition:background 500ms; -ms-transition:background 500ms; -o-transition:all 500ms; transition:background 500ms; }
form#agentes > div > label > input[type="text"].small{ width:50px; }
form#agentes > div > label > span > input[type="submit"]{ float:right; border:0; border-radius:5px; background-color:#604222; padding:10px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#fff; cursor:pointer;  }
form#agentes > div >  label > span >input[type="submit"]:hover{ background-color:#49321a; }
form#agentes > div >  label > span > dd > strong > { font:12px Verdana,Geneva,sans-serif; }

form#agents{ margin-left: 50px; width:690px; margin-top:20px; overflow:hidden; display:block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; background-color:#f3f3f3; padding:15px; box-shadow:1px 1px 1px #ccc; -moz-box-shadow:1px 1px 1px #ccc; -webkit-box-shadow:1px 1px 1px #ccc; font-weight:bold; color:#999999; }
form#agents > table > tbody > tr > td > input[type="text"], form#agents >  table >  tbody > tr > td > textarea, form#agents > table > tbody > tr > td > select, form#agents > table > tbody > tr > td > input[type="text"], form#agents >  table >  tbody > tr > td > textarea, form#agents > table > tr > td > select{ width:170px; border:0; border-radius:5px; background-color:#ddd; padding:7px 10px; font-family:Verdana; font-size:14px; color:#604222; -webkit-transition:background 500ms; -moz-transition:background 500ms; -ms-transition:background 500ms; -o-transition:all 500ms; transition:background 500ms; }
form#agents > table > tr > td > input[type="text"].small{ width:50px; }
form#agents > input[type="submit"]{  margin-top: 15px; margin-bottom: 2px; border:0; border-radius:5px; background-color:#604222; padding:7px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#fff; cursor:pointer;  }
form#agents >  input[type="submit"]:hover{ background-color:#49321a; }
form#agents > div >  label > span > dd > strong > { font:12px Verdana,Geneva,sans-serif; }

input.nuevoagente{
 margin-top: 15px; margin-bottom: 12px; border:0; border-radius:5px; background-color:#604222; padding:5px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#fff; cursor:pointer;  

}
input.nuevoagente:hover{ background-color:#49321a; }
